不過我們在前端與後端進行資料交換時，極有可能會遇到跨域問題。

何謂跨域問題呢?
CORS(Cross-Origin Resource Sharing，跨來源資源共享)，是指瀏覽器的同源政策，Same-origin policy，簡單來說自己網站的資源不能被別人存取或修改，不能存取不同源的來源資料。如果我們想開啟跨來源 HTTP 請求的話，Server 必須在 Response 的 Header 裡面加上Access-Control-Allow-Origin。
當瀏覽器收到 Response 之後，會先檢查Access-Control-Allow-Origin裡面的內容，如果裡面有包含現在這個發起 Request 的 Origin 的話，就會允許通過，讓程式順利接收到 Response。

Access-Control-Allow-Origin: https://your api address
// or allow all
Access-Control-Allow-Origin: *

不過即便出錯，還是要知道我們的Request還是有發出去的，除此之外瀏覽器也確實有收到回應，只是因為同源政策，瀏覽器不把結果return回來而已。

Hi, I am Grant.

個人部落格 - https://grantliblog.wordpress.com/
個人網站 - https://grantli-website.netlify.app/#/mainpage
我的寫作專題 - https://vocus.cc/user/5af2e9b5fd89780001822db4#